<!DOCTYPE html>
<html>
<head>
  <title>Generation Frequencies</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
  <style>
    svg {
      background: #000;
      color: #fff;
    }

    svg:hover path {
      opacity: 0.5;
    }

    path {
      fill: none;
    }

    svg:hover path:hover {
      stroke-width: 2px;
      opacity: 1.0;
    }
  </style>
</head>
<body>
  <h1><a href="index.html">Debug</a> / Chart</h1>
  <p>
<select name="chart">
  <option value="breeds">Breeds</option>
  <option value="item-types">Item Types</option>
  <option value="affixes">Affixes</option>
  <option value="monster-depths">Monster Depths</option>
  <option value="floor-drops">Floor Drops</option>
  <option value="architectures" selected>Architectures</option>
</select>
<select name="highlight">
</select>
</p>
<svg xmlns="http://www.w3.org/2000/svg" width="95%" viewBox="0 0 600 600">
</svg>

<script type="application/javascript" src="chart.dart.js"></script>
</body>
</html>
